html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,b,u,a,img,select,header,footer,nav,menu,article,aside,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{ border-collapse:collapse;border-spacing:0}
.cle{zoom:1}
.cle:after{ clear:both; overflow:hidden;height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clearhidden{overflow: hidden;zoom:1;}
.clearfix{zoom:1}
.clearfix:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.none{ display:none;}
.block{ display:block}
.inline-block{ display:inline-block;}
.rel{position: relative}

a{ color:#333;text-decoration:none}
a:hover{color:#db2027;text-decoration:underline;}


input[type=text]:focus,input[type=password]:focus,textarea:focus,a:focus,button:focus{ outline:none}

body{font-family:Microsoft YaHei,PingFangSC-Regular,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; font-size:14px;color:#333; line-height:normal;}
input,textarea,button,select{font-family:Microsoft YaHei,PingFangSC-Regular\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; outline: none;}

input::-webkit-input-placeholder { /* WebKit browsers*/
    color:#999;font-size:14px;
}
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/
    color:#999;font-size:14px;
}
input::-moz-placeholder {  /* Mozilla Firefox 19+*/
    color:#999;font-size:14px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+*/
    color:#999;font-size:14px;
}
/*sroll*/
::-webkit-scrollbar-track-piece{
background-color:transparent;
-webkit-border-radius:0;
}
::-webkit-scrollbar{
width:12px;
height:5px
}
::-webkit-scrollbar-thumb{
background-color:#ccc;
border:solid 1px #ccc;
border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
background-color:#ccc;
}
::-webkit-scrollbar-arrow {
color:#F00;
backgound:#0F0;
}

input::-ms-clear{display:none;}

/*float*/
.fn-left{float: left;}
.fn-right{float: right;}

/*custom*/
.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}

.fn-font-12{ font-size: 12px}
.fn-font-10{ font-size: 10px}
.fn-font-14{ font-size: 14px;}
.fn-font-16{ font-size: 16px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-24{ font-size: 24px;}
.fn-font-30{ font-size: 30px;}
.fn-font-36{ font-size: 36px;}
.fn-font-40{ font-size: 40px;}
.fn-font-48{font-size: 48px;}
.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}

.fa.fn-font-16{ font-size: 16px}
.fa.fn-font-12{ font-size: 12px}
.fa.fn-font-14{ font-size: 14px;}
.fa.fn-font-18{ font-size: 18px;}
.fa.fn-font-20{ font-size: 20px;}
.fa.fn-font-24{ font-size: 24px;}
.fa.fn-font-30{ font-size: 30px;}
.fa.fn-font-40{ font-size: 40px;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
.t-j{text-align: justify}

a.fn-color-gray,.fn-color-gray{ color: #999999}
.fn-color-c{color: #ccc}
.fn-color-9{ color: #999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-f{ color: #fff;}
.fn-color-1{ color: #3c94ff}
.fn-color-orange{ color: #f78c68}
.fn-color-red{color: #ff0000;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #4cc3a5;}
.fn-color-blue{color: #3781d8}
.fn-color-89a4{color: #8999a4;}


/* 背景颜色 */
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f7f7f7;}
.bg-gray2{background-color: #f4f7f9;}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd15{padding: 15px}
.pd20{padding: 20px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-15{padding-left: 15px}
.pd-r-15{padding-right: 15px}
.pd-t-15{padding-top: 15px}
.pd-b-15{padding-bottom: 15px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-25{padding-left: 25px}
.pd-t-25{padding-top: 25px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}
.mg-t-50{padding-top: 50px}
.pd-l-100{padding-left: 110px}

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg-center{margin: 0 auto;}

.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-15{margin-left: 15px}
.mg-r-15{margin-right: 15px}
.mg-t-15{margin-top: 15px}
.mg-b-15{margin-bottom: 15px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-25{margin-left: 25px;}
.mg-t-25{margin-top: 25px;}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-t-35{margin-top: 35px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-t-70{margin-top: 70px}

.mg-l-105{margin-left: 107px}
.split{height:10px;width:100%; display:block;}

/*width*/
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w240{width: 240px;}
.w386{width: 386px;}
.w460{width: 460px;}
.w500{width: 500px;}
.w630{width:630px;}
.w780{width:780px;}
.w1100{width: 1100px;margin: 0 auto;}
input.w160{width:160px;}
input.w148{width:148px;}
input.w240{width:240px;}
input.w300{width:288px;}
input.w460{width: 460px;}
.w70{width: 70px;}

/*高度*/
.h145{height: 145px;}
.h122{height: 122px;}
.h110{height: 110px;}
.h94{height: 94px;}
.h80{height: 80px;}
.h70{height: 70px;}
.h60{height: 60px;}
.h40{height: 40px;}
.h30{height: 30px;}
.h20{height: 20px;}
.h15{height: 15px;}
.h5{height: 5px;}
.lh58{line-height: 58px;}
.lh38{line-height: 38px;}
.lh41{line-height: 41px;}
.h41{height: 41px;}
.lh34{line-height: 34px;}
.lh30{line-height: 30px;}
.lh25{line-height: 25px;}
.lh20{line-height: 20px;}
.lh40{line-height: 40px;}
.mh150{min-height: 150px;}
.mh80{min-height: 80px;}

del{color: #666}
.pointer:hover{
    cursor: pointer;
}